<template>
    <div>
        <el-row class="demo-avatar demo-basic">
            <el-col :span="12">
                <div class="sub-title"></div>
                <div class="demo-basic--circle">
                    <div class="block"><el-avatar :size="60" :src="circleUrl"></el-avatar></div>

                </div>
            </el-col>

        </el-row>
    </div>
</template>

<script>
    export default {
        name: "head-img",
        data () {
            return {
                circleUrl: "https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png",
                squareUrl: "https://cube.elemecdn.com/9/c2/f0ee8a3c7c9638a54940382568c9dpng.png",
                sizeList: ["large"]
            }
        }
    }
</script>

<style scoped>

</style>